<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2022-12-02 17:04:14
 * @LastEditors: huangtianyang
 * @LastEditTime: 2024-02-23 14:35:43
 * @FilePath: \cxl-admin\src\pages\system\protocol\list\Index.vue
-->

<template>
    <div class="page-box">
        <TemplateVue
            :page="data.pageData"
            @search="data.onSearch"
            @reset="data.onReset"
            @paginationChange="data.onPaginationChange"
            @paginationSize="data.onPaginationSize"
            @operation="data.onOperation"
        >
        </TemplateVue>
        <!-- 预览弹窗 -->
        <PreviewVue :data="data.dialog" @hidden="data.onDialogHidden"></PreviewVue>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue'
import TemplateVue from '@/components/template/Index.vue'
import PreviewVue from '../previewDialog/Index.vue'
import { ProtocolData } from '.'

/**
 * 初始化数据
 */
const data = reactive(new ProtocolData())
</script>
